<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>百度一下</title>
	<style type="text/css">
        #box{
        	width:200px;height:200px;background: yellow;
        }

	</style>
</head>

<body>

    <div id="box"></div>
 

    <script type="text/javascript">
        // //向box里面创建一个新的链接a
        // //创建一个新的元素a
        // var a = document.createElement('a');
        // //链接   指向百度
        // a.href = "http://www.baidu.com";
        // //创建一个文本节点
        // var node = document.createTextNode('百度一下');
        
        // //找到box 
        // var box = document.getElementById('box');

        // //向box追加这个文本节点
        // box.appendChild(node);
    
        // //向box追加a元素
        // box.appendChild(a);
     
        //实现链接的方法一:
        var a = document.createElement('a');
        a.href = "http://www.baidu.com";
        // a.innerHTML='gvhgfg';
        var node = document.createTextNode('百度');
        var box = document.getElementById('box');
        a.appendChild(node);  //把文本节点放到a里面
        box.appendChild(a);    //再把放到box里面  
        

        //实现链接方法二：
        var a = document.createElement('a');
        a.href = "http://www.baidu.com";        
        //文本节点node应包含在a里面
        a.innerHTML = '百度一下';
        box.appendChild(a);

        

    </script>
	
</body>
</html>